<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.wizard-tabs-0.1.min.js"></script>
<script type="text/javascript" src="../scripts/timer.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" type="text/javascript"></script>
<form action="/trackOther" method="post" id="form" name="form">
            <div id="tabs">
              <ul>

                <li><a href="#tabs-1">Type selection</a></li>
                <li><a href="#tabs-2">Timer</a></li>
                <li><a href="#tabs-3">Statistics</a></li>
              
              </ul>
  
              <div id="tabs-1">
                <p>What are you going to do :</p>
                <select name="type">
                	<option value="eat">Eat</option>
                	<option value="sleep">Sleep</option>
                	<option value="sport">Sport</option>
                	<option value="gaming">Gaming</option>
                	<option value="music">Music</option>
                	<option value="social">Social</option>
                </select>
              </div>
              
              <div id="tabs-2">
                <p>Track your time :</p>
                <br>
                Time: <input type=text name="timetextarea" value="00:00" size="10" style = "font-size:20px">
                	  <input type="hidden" name="seconds">
						<br>
						<br>
						<input type=button name="start" value="Start" onclick="Start()"> 
						<input type=button name="stop" value="Stop" onclick="Stop()"> 
						<input type=button name="reset" value="Reset" onclick="Reset()">
              </div>
              
              <div id="tabs-3">
                <p>Add statistics :</p><br>
                
                <label>Place :</label>
                <input type="text" name="place"/><br>
	                
	            <label>Rating :</label>
		            <select name="rating">
		                	<option value="1">Bad</option>
		                	<option value="2">Rather OK</option>
		                	<option value="3">Normal </option>
		                	<option value="4">Good </option>
		                	<option value="5">Really good!</option>
		            </select> <br>
		        <label>What did you do :</label><br><textarea name="description" COLS=30 ROWS=5></textarea><br>
		        <label>Comment :</label><br><textarea name="comment" COLS=30 ROWS=5></textarea><br>
              </div>
              
            </div>
            
          </form>
          <script>
            $(function() {
              $("#tabs").wizardTabs({
                submitAction: function(){
                                $("#form").submit();
                              }
              });
            });
          </script>
 